.yield {
  width: 100%;

  .amount {
    width: 100%;
 
    .el-row {
      margin-bottom: 20px;
      &:last-child {
        margin-bottom: 0;
      }
    }
    .el-col {
      border-radius: 4px;
    }
    .bg-purple {
      background: #4f88ff;
    }
    .grid-content {
      border-radius: 4px;
      min-height: 120px;
      overflow: hidden;
    }
    .title {
      color: #fff;
      text-indent: 10px;
      margin-top: 10px;
      h3 {
        margin: 0;
        padding: 0;
      }
    }
    .reality {
      margin-top: 5px;
      width: 100%;
      text-indent: 50px;
      font-size: 18px;
      color: #fff;
      font-weight: 800;
    }
  }
  .second {
    margin-top: 10px;
    text-align: center;
}
}
